// 清除浮动
@mixin clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
// 生成响应式宽度容器
@mixin make-container {
  width:1200px;
  margin-left: auto;
  margin-right: auto;
  @include clearfix;

  @media (max-width:1199px) {
    width:1000px;
  }
}
